<template>
  <!-- 配置项这里都加冒号意思是要的布尔类型和数字类型的，而非是字符串的 -->
  <div id="app">
    <!-- <div class="container">
      <carousel
        :autoplay="true"
        :duration="3000"
        :initial="0"
        :hasDot="true"
        :hasDirector="true"
      >
        <car-item :key="0">
          <img src="./assets/img/2.jpeg" />
        </car-item>
        <car-item :key="1">
          <video src="./assets/a.mp4" muted autoplay loop></video>
        </car-item>
      </carousel>
    </div> -->
    <Modal
      :show="true"
      :width="600"
      :borderRadius="10"
      headerColor="#007bff"
      headerText="This is a model"
      headerTextColor="#fff"
      contentText="this id s a text"
      contentTextColor="#333"
      position="center"
      :btnGroupShow="true"
      confirmText="是"
      cancelText="否"
      @confirm="modalConfirm"
      @close="modalClose"
    />
  </div>
</template>
<script>
import carData from "@/data/carousel";
export default {
  setup() {
    const modalConfirm = () => {
      console.log("confirm");
    };
    const modalClose = () => {
      console.log("modalClose");
    };
    return {
      carData,
      modalConfirm,
      modalClose,
    };
  },
};
</script>

<style scoped>
.container {
  width: 100vw;
  height: 100vh;
}
</style>
